<template>
    <div>
    <div>
        <div class="zg_dpt">
            <h3>支持电脑、手机、PAD多平台学习</h3>
            <ul class="zg_dptu">
                <li class="l1">
                    <h6>支持苹果、安卓所有设备</h6>
                    <p>优学在线课程均可同到移动端，支持苹果和安卓主流设备</p>
                </li>
                <li class="l2">
                    <h6>APP支持离线，随时学</h6>
                    <p>优学在线课程均可同到移动端，支持苹果和安卓主流设备</p>
                </li>
                <li class="l3">
                    <h6>直播、录播多种学习方式</h6>
                    <p>既有直播互动课程，也有录播视频，适配不同需求</p>
                </li>
            </ul>
        </div>

    </div>
    <!--应用下载-->
    <div class="zg_main2">
        <div class="ujy_app">
            <img src="/it/images/ujyx_12.jpg" title="IT培训课程-IT培训在线课程-培训-视频-教程-优就业" alt="IT培训课程-IT培训在线课程-培训-视频-教程-优就业">
            <div class="ujy_ewm">
                <div><img src="/it/images/ujyx_26.jpg" title="IT培训课程-IT培训在线课程-培训-视频-教程-优就业"
                          alt="IT培训课程-IT培训在线课程-培训-视频-教程-优就业"></div>
                <p>扫描二维码<br>快速下载应用</p>
            </div>
        </div>
        <dl class="zgn_yqlj">
            <dt><span :class=clickOn[0] name="ItUrl" @mouseover="showMa($event)">IT培训</span><span :class=clickOn[1] name="friendUrl" @mouseover="showMa($event)">友情链接</span></dt>
            <dd ref="ItUrl">
                <a href="http://www.ujiuye.com/zt/kchzjz/" target="_blank" rel="nofollow">IT培训</a>
                <a href="http://www.ujiuye.com/zt/rjcsjz/" target="_blank" rel="nofollow">软件测试培训</a>
                <a href="http://www.ujiuye.com/zt/hlwyx/" target="_blank" rel="nofollow">网络营销培训</a>
                <a href="http://www.ujiuye.com/zt/dsj/" target="_blank" rel="nofollow">大数据培训</a>
                <a href="http://www.ujiuye.com/zt/javaqz/" target="_blank" rel="nofollow">java培训</a>
                <a href="http://www.ujiuye.com/zt/webqzgcs/" target="_blank" rel="nofollow">web前端培训</a>
                <a href="http://www.ujiuye.com/zt/uijh/" target="_blank" rel="nofollow">ui交互培训</a>
                <a href="http://www.ujiuye.com/zt/python/" target="_blank" rel="nofollow">python培训</a>
                <a href="http://www.ujiuye.com/zt/phpkf/" target="_blank" rel="nofollow">php培训</a>
                <a href="http://www.ujiuye.com/zt/sjfx/" target="_blank" rel="nofollow">数据分析培训</a>
                <a href="http://www.ujiuye.com/zt/wxxcx/" target="_blank" rel="nofollow">微信小程序开发培训</a>
                <a href="http://www.ujiuye.com/zt/linux/" target="_blank" rel="nofollow">linux培训</a>
                <a href="http://www.ujiuye.com/zt/phpkf/" target="_blank" rel="nofollow">php培训</a>
                <a href="http://www.ujiuye.com/zt/qrs/" target="_blank" rel="nofollow">嵌入式培训</a>
                <a href="http://www.ujiuye.com/zt/seoshizhan/" target="_blank" rel="nofollow">seo培训</a>
                <a href="http://www.ujiuye.cn/zt/semshizhan/" target="_blank" rel="nofollow">sem培训</a>
                <a href="http://www.ujiuye.com/zt/smmshizhan/" target="_blank" rel="nofollow">新媒体营销培训</a>
                <a href="http://www.ujiuye.com/zt/dianshang/" target="_blank" rel="nofollow">电商运营培训</a>
                <a href="http://www.ujiuye.com/zt/zzb/" target="_blank" rel="nofollow">零基础it培训</a>
                <a href="http://www.ujiuye.com/zt/unity/" target="_blank" rel="nofollow">unity培训</a>
                <a href="http://www.ujiuye.com/zt/arvr/" target="_blank" rel="nofollow">vr培训</a>
            </dd>
            <dd  ref="friendUrl" style="display: none" >
                <a href="http://www.ujiuye.com/" target="_blank"> IT培训</a>
                <a href="http://weifang.offcn.com/" target="_blank"> 潍坊人事考试中心</a>
                <a href="http://www.zgsydw.com/hainan/" target="_blank"> 海南事业单位招聘</a>
                <a href="http://jining.offcn.com/ " target="_blank">济宁公务员</a>
                <a href="http://www.ctiku.com/sili/" target="_blank">私立学校 </a>
                <a href="http://www.eoffcn.com/sydwks/" target="_blank">事业单位招聘</a>
                <a href="http://www.ukassignment.org/wkdx/" target="_blank">网课代修</a>
                <a href="http://19.offcn.com/" target="_blank">19直播课堂</a>
                <a href="http://www.zgcjpx.com/" target="_blank">财经培训</a>
                <a href="http://shanghai.ujiuye.com/" target="_blank">上海IT培训</a>
                <a href="http://hubei.ujiuye.com/" target="_blank">武汉IT培训</a>
                <a href="http://hunan.ujiuye.com/" target="_blank">湖南IT培训</a>
                <a href="http://www.zgsydw.com/gansu/" target="_blank">甘肃事业单位考试</a>
                <a href="https://www.yanedu.com/tiaojian/" target="_blank">在职研究生报考条件</a>
                <a href="http://linfen.offcn.com/" target="_blank">临汾人事考试网</a>
                <a href="http://hb.kaoyan365.cn/" target="_blank">河北中公考研</a>
                <a href="http://hn.kaoyan365.cn/" target="_blank">湖南考研网</a>
                <a href="http://gz.zgjsks.com/" target="_blank">贵州教师招聘</a>
                <a href="http://bbs.sanhao.com/" target="_blank">三好网社区</a>
                <a href="http://www.dxs518.cn/" target="_blank">大学生校内网</a>
                <a href="http://nanchang.offcn.com/" target="_blank">南昌人事考试信息网</a>
                <a href="http://www.shouhuola.com/" target="_blank">计算机编程入门</a>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=1535425916&site=qq&menu=yes" rel="nofollow" target="_blank">【申请友情链接】</a>
            </dd>
        </dl>
    </div>
    </div>
</template>

<script>
    export default {
        name: "BottomRail",
        data(){
            return{
                clickOn:['on',''],
            }
        },
        methods: {
            showMa(event) {

                if( event.currentTarget.innerHTML=="IT培训"){
                    this.clickOn=['on','']
                    this.$refs.ItUrl.style = ''
                    this.$refs.friendUrl.style = 'display:none;'
                }else {
                    this.clickOn=[' ','on']
                    this.$refs.friendUrl.style = ''
                    this.$refs.ItUrl.style = 'display:none;'
                }
            }
        },
    }
</script>

<style >
    /*@import "../../../public/css/public.css?v=6";*/
    /*@import "../../../public/it/css/layout.css";*/
    /*@import "../../../public/it/css/skin.css";*/
    /*@import "../../../public/it/css/global.css";*/
    /*@import "../../../public/it/css/index.css?v=11";*/
</style>
